<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2019/12/26
  Time: 14:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>

    <link rel="stylesheet" href="${path}/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="${path}/css/index/pchomepage.css">
</head>
<body>

<!-- 配置背景 -->
<div class="beijing">
    <li>
        <img src="${path}/pcimgs/bj.jpg" alt="">
    </li>
</div>
<%@ include file="../common/nav.jsp" %>
    <!-- 介绍begin -->
    <img src="${path}/pcimgs/pgl2.png" alt="">
    <div class="container-fluid">
        <!-- 定义删格系统的行 -->
        <div class="row">
            <!-- 定义列 -->
            <div class="col-md-offset-0 col-md-6 col-xs-6">
                <p style="font-size: 20px;">胖哥俩爱上螃蟹</p><br>
                2008年5月浙江海盐，两位胖子兄弟与螃蟹有了第一次亲密接触，创立了胖子肉蟹煲,
                主要经营肉蟹煲、虾煲、河蟹煲等特色煲类，因为口味鲜美独特而且不贵，
                人均消费仅50元左右，很快就受到广泛追捧<br>
                <br>
                <p style="font-size: 20px;">因为出色所以被模仿</p><br>
                由于胖子肉蟹煲越来越受到市场的欢迎，各地出现许多仿冒店、山寨店，
                为了保护消费者的权益2009年正式申请注册“胖哥俩”商标，2011年正式获得国家商标总局批准，
                2013年成立嘉兴市胖哥俩餐饮管理有限公司，胖哥俩全面进入到品牌化经营阶段。
            </div>

            <div class="col-md-offset-7 col-md-3 col-xs-6">
                <img src="${path}/pcimgs/pgl1.png" id="pgl1">
            </div>
        </div>
    </div>
    <!-- 介绍end -->

    <!-- 中间图文1begin -->
    <div class="tuwen1">
        <br><br>
        <!-- 螃蟹图 -->
        <div class="container-fluid">
            <!-- 定义删格系统的行 -->
            <div class="row">
                <!-- 定义列 -->
                <div class="col-md-offset-0 col-md-6 col-xs-6">
                    <img src="${path}/pcimgs/food1.jpg" alt="">
                </div>
                <!-- 右边的配图 -->
                <div class="col-md-offset-7 col-md-3 col-xs-6" id="tuwen1">

                    <h1>肉蟹煲</h1>
                    <h2>Crab Clay Pot</h2>
                    <span>我们的肉蟹煲用的是孟加拉野生海蟹，再加上精心炖煮的进口鸡爪，口感香糯，汤汁浓郁醇厚非常好吃哦。</span>
                    <!-- 下边的超链接 -->
                    <br><br>
                    <a href="www.baidu.com">
                        <h1>see more</h1>
                    </a>
                </div>

                <div class="col-md-offset-9 col-md-3 col-xs-6">
                    <h1>"Always Fresh"</h1>
                    <span>
                        "有两个译意"<br>
                    “总是新鲜的”—就像胖哥俩"<br>
                    "的食材一样，鲜活而好味"<br>
                    "“总是那么有精神”—就像胖哥"<br>
                       "俩的服务，热情而贴心"<br>
                           &nbsp;&nbsp; "......"
                    </span>
                </div>
            </div>
        </div>
    </div>
    <!-- 图文1end  -->

    <!-- 中间图文2begin -->
    <div class="tuwen2">
        <br><br><br><br><br><br><br>
        <!-- 虾的大图 -->
        <div class="container-fluid">
            <!-- 定义删格系统的行 -->
            <div class="row">
                <!-- 定义列 -->
                <div class="col-md-offset-0 col-md-12 col-xs-6">
                    <img src="${path}/pcimgs/xia2.jpg" alt="">
                </div>
                <!-- 上面的卡通虾和文字 -->
                <div class="col-md-offset4 col-md-3 col-xs-6" id="tuwen2">
                    <h1>虾煲</h1>
                    <h2>PRAWN CLAY POT</h2>
                    <span>
                        我们的虾煲是用十二种香料秘制的虾酱，配上鲜活的海水虾，精心炖煮而成，汤汁浓郁醇厚，味道非常的鲜美。
                    </span>
                    <!-- 下边的超链接 -->
                    <br><br>
                    <a href="www.baidu.com">
                        <h1>see more</h1>
                </div>
            </div>
        </div>
    </div>
    <!-- 中间图文2end -->

    <!-- 中间图文3begin -->
    <div class="tuwen3">
        <br><br>
        <div class="container-fluid">
            <!-- 定义删格系统的行 -->
            <div class="row">
                <!-- 定义列 -->
                <div class="col-md-offset-3 col-md-6 col-xs-6">
                    <img src="${path}/pcimgs/pgl3.png" alt="">
                </div>
                <div class="col-md-offset-0 col-md-6 col-xs-6">
                    <img src="${path}/pcimgs/pgl4.png" alt="">
                </div>
            </div>
            <!-- 中间图文3end -->

            <!-- news部分begin -->
            <div class="news">
                <!-- 标题部分 -->
                <div class="row">
                    <div class="col-md-offset-5 col-md-6 col-xs-6">
                        <img src="${path}/pcimgs/pgl5.png" alt="">
                    </div>
                    <br>
                    <!-- 图片部分 -->
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="${path}/pcimgs/new1.jpg"
                                 alt="通用的占位符缩略图">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="${path}/pcimgs/new2.jpg"
                                 alt="通用的占位符缩略图">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="${path}/pcimgs/new3.jpg"
                                 alt="通用的占位符缩略图">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="${path}/pcimgs/new4.jpg"
                                 alt="通用的占位符缩略图">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="${path}/pcimgs/new5.jpg"
                                 alt="通用的占位符缩略图">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="${path}/pcimgs/new6.jpg"
                                 alt="通用的占位符缩略图">
                        </div>
                    </div>
                </div>
                <!-- news部分end -->

                <!-- 加入begin -->
                <div class="tuwen4">
                    <div class="container-fluid">
                        <!-- 定义删格系统的行 -->
                        <div class="row">
                            <!-- 定义列 -->
                            <div class="col-md-offset-5 col-md-6 col-xs-6">
                                <img src="${path}/pcimgs/pgl6.png" alt="">
                            </div>
                            <div class="col-md-offset-0 col-md-6 col-xs-6">
                                <img src="${path}/pcimgs/pgl7.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 加入end -->

                <!-- 结尾begin -->
                <div class="finish" id=finish>
                    <div class="container-fluid">
                        <!-- 定义删格系统的行 -->
                        <div class="row">
                            <!-- 定义列 -->
                            <div class="col-md-offset-5 col-md-6 col-xs-6">
                                <br>
                                <img src="${path}/pcimgs/pgl8.png" alt="">
                                <br>
                                <h1>Follow Me</h1>
                            </div>
                            <br><br>
                            <div class="col-md-offset-4 col-md-6 col-xs-6">
                                <img src="${path}/pcimgs/pgl9.png" alt="">
                            </div>
                        </div>
                    </div>

                </div>
                <!-- 结尾end -->

                <script src="${path}/plugins/jquery/jquery.min.js"></script>
                <script src="${path}/plugins/bootstrap-3.3.7-dist/js/bootstrap.js"></script>

                <script>
                    $('#myCarousel').carousel({
                        interval: 1000
                    })
                </script>

</body>
</html>
